Question

Я пытаюсь создать простой текстовый редактор, но мне интересно, как правильно добавить мою таблицу стилей, чтобы кнопки имели некоторую форму и цвет? Я пытался добавить CSS для кнопок, но он не работает для кнопок, над которыми мне нужно работать?

Вот весь код, который у меня сейчас есть:

helpstat = false;
stprompt = false;
basic = true;

function thelp(swtch) {
  if (swtch == 1) {
    basic = false;
    stprompt = false;
    helpstat = true;
  } else if (swtch == 0) {
    helpstat = false;
    stprompt = false;
    basic = true;
  } else if (swtch == 2) {
    helpstat = false;
    basic = false;
    stprompt = true;
  }
}

function treset() {
  if (helpstat) {
    alert("Clears the current editor.");
  } else {
    clear = prompt("Are you sure? (y/n)", '');
    clear = clear.toLowerCase();
    if (clear == 'y') {
      document.editor.reset();
      document.editor.value = "";
    }
  }
}

function start() {
  if (helpstat) {
    alert("Elements that appear at the beginning of the document, including TITLE.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "\n\n\n\n\n";
  } else if (stprompt) {
    for (;;) {
      twrite = prompt("Title?", '');
      if (twrite != "" && twrite != null) {
        break;
      } else {
        prompt("You must enter a title.", 'Ok, sorry.');
      }
    }
    document.editor.area.value = document.editor.area.value + "\n\n" + twrite + "\n\n\n";
  }
}

function end() {
  if (helpstat) {
    alert("Adds the the final elements to a document.");
  } else {
    document.editor.area.value = document.editor.area.value + "\n\n\n";
  }
}

function preview() {
  if (helpstat) {
    alert("Preview/save the document.");
  } else {
    temp = document.editor.area.value;
    preWindow = open("", "preWindow", "status=no,toolbar=n,menubar=y");
    preWindow.document.open();
    preWindow.document.write(temp);
    preWindow.document.close();
  }
}

function bold() {
  if (helpstat) {
    alert("Bold text.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "" + twrite + "";
    }
  }
}

function italic() {
  if (helpstat) {
    alert("Italicizes text.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "" + twrite + "";
    }
  }
}

function underline() {
  if (helpstat) {
    alert("Underlines text.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "" + twrite + "";
    }
  }
}

function pre() {
  if (helpstat) {
    alert("Sets text as preformatted.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "

";} else if (stprompt) {twrite = prompt (" Text? ", ''); If (twrite! = Null && twrite! =" ") {Document.editor.area.value = document.editor .area.value + "

" + twrite + "

";}}} function center () {if (helpstat) {alert ("Centers text.");} else if (basi c) {document.editor.area.value = document.editor.area.value + "

";} иначе if (stprompt) {twrite = prompt ("Text?", ''); if (twrite! = null && twrite! = "" ) {document.editor.area.value = document.editor.area.value + "

" + twrite + "

";}}} функция hbar () {if (helpstat) {alert ("Создает горизонтальная черта. ");} else {document.editor.area.value = document.editor.area.value +"

\ n ";}} функция lbreak () {if (helpstat) {alert (" Делает новая строка, эквивалент возврата или ввода. ");} else {document.editor.area.value = document.editor.area.value +" \ n ";}} function pbreak () {if (helpstat) {alert (" Делает две новые строки, эквивалент двух возвратов или вводит. ");} else {document.editor.area.value = document.editor. area.value + "

\ n";}} function image () {if (helpstat) {alert ("Вставка изображения.");} else if (basi c) {document.editor.area. value = document.editor.area.value + ' \ n';} else if (stprompt) {twrite = prompt ("Местоположение изображения?", ''); if (twrite! = null && twrite ! = "") {twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + ' \ П '; }}} function aleft () {if (helpstat) {alert ("Вставляет изображение с выравниванием по левому краю."); } else if (basi c) {document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt) { twrite = prompt("Image location?", ''); if (twrite != null && twrite != "") { twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function aright() { if (helpstat) { alert("Inserts an image with align right."); } else if (basic) { document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt) { twrite = prompt("Image location?", ''); if (twrite != null && twrite != "") { twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function atop() { if (helpstat) { alert("Inserts an image with align top."); } else if (basic) { document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt) { twrite = prompt("Image location?", ''); if (twrite != null && twrite != "") { twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function amid() { if (helpstat) { alert("Inserts an image with align middle."); } else if (basic) { document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt) { twrite = prompt("Image location?", ''); if (twrite != null && twrite != "") { twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function abottom() { if (helpstat) { alert("Inserts an image with align bottom."); } else if (basic) { document.editor.area.value = document.editor.area.value + '\n'; } else if (stprompt) { twrite = prompt("Image location?", ''); if (twrite != null && twrite != "") { twrite = '"' + twrite + '"'; document.editor.area.value = document.editor.area.value + '\n'; } } } function head1() { if (helpstat) { alert("Creates a header, size 1 (largest size)."); } else if (basic) { document.editor.area.value = document.editor.area.value + "